<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>REGeSystems</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript" src="jquery.pngFix.js"></script>
<script type="text/javascript" src="rege.ui.folder/rege.ui.folder.js"></script>

<link rel="stylesheet" href="default.css" />
<link rel="stylesheet" href="rege.ui.folder/rege.ui.folder.css" />

<style type="text/css">
#mainContent { width:100%; height: 550px; position: relative; margin: 0 auto; background: url(resources/paper-medical-records.jpg) no-repeat white;  }
#fadeDiv { z-index: 105; width: 100%; height: 100%; background: white; position: absolute; left: 0; top:0; }
#folderCatcher { z-index:106; position: absolute; width: 608px; cursor:pointer; }
#folder1 { z-index:110; position: absolute; top: 10px; right: 20px; }
#folder2 { z-index:100; position: absolute; top: 60px; left: 20px; }
#folder3 { z-index:90; position: absolute; top: 60px; left: 20px; }

.lab1 {  background: url(rege.ui.folder/purple.png) no-repeat; position: absolute; left:5px; top: 145px; }
.lab2 {  background: url(rege.ui.folder/green.png) no-repeat; position: absolute; left:5px; top: 205px; }
.lab3 {  background: url(rege.ui.folder/orange.png) no-repeat; position: absolute; left:5px; top: 265px; }
.lab4 {  background: url(rege.ui.folder/red.png) no-repeat; position: absolute; left:5px; top: 265px; }

.imgGoTo { position: absolute; bottom: 0px; right: 5px; cursor: pointer; }
.imgGoTo img{ width: 35px; height: 25px;  }
</style>

<script type="text/javascript">
var frontFolderId = 'folder1';
var backFolderId = 'folder2';
$(document).ready(function(){
	$('#header').corner('top 15px');
	$('#footer').corner('bottom 15px');
	$('#fadeDiv').css({'opacity':0.6,'height':$('#mainContent').height()});
	$('#folder1,#folder2,#folder3').regeFolder();
	
	if($.browser.msie && (jQuery.browser.version.substr(0,1)< "7")){
		$('.tab-content').show();
		$('.imgGoTo').pngFix();
		$(".tab-content").hide();
	}

	var $backFolderId = $('#'+backFolderId);
	$('#folderCatcher').css({'top':$backFolderId.position().top,'left':$backFolderId.position().left,
		'height':$backFolderId.height()} );

	$('#folderCatcher').bind('click', CatchFolderClick );
	$('.imgGoTo').click(function(){
		//alert( '.imgGoTo'+ $(this).parent().attr('id'));
		var href = $('a[title=#'+$(this).parent().attr('id')+']').attr('href');
		//alert(href);
		window.open( href, '_self' );
	});
});


function CatchFolderClick() {
	$('#folderCatcher').unbind('click', CatchFolderClick );
	var $nextFront = $('#'+backFolderId); 
	var $nextBack = $('#'+frontFolderId);

	var xFront =  $('#'+frontFolderId).position().left;
	var yFront =  $('#'+frontFolderId).position().top;
	var xBack =  $('#'+backFolderId).position().left;
	var yBack =  $('#'+backFolderId).position().top;

	//alert(xFront+'-'+yFront+'-'+xBack+'-'+yBack);
	//alert( $nextFront.position().left+'===='+$nextFront.width() );

	$('#fadeDiv').hide();
	$nextBack.animate({'top':$nextFront.position().top, 
		'left':parseInt($nextFront.position().left)+parseInt($nextFront.width())+30+'px' },200, "linear",
		function(){
			$nextFront.css({'z-index': 110 });
			$nextBack.css({'z-index': 100 });
			$nextFront.animate({'top':yFront, 
				'left':xFront },300, "linear" );
			$nextBack.animate({'top':yBack, 
				'left':xBack},300, "linear", function(){
					$('#fadeDiv').show();
					$('#folderCatcher').bind('click', CatchFolderClick );
				});
		});
	
	frontFolderId = $nextFront.attr('id');
	backFolderId = $nextBack.attr('id');
}

	
</script>

</head>
<body>

<div id="wholepage">

	<div id="header">
		<img src="resources/REGeSystems-Logo-and-Tagline-Bug-Header-PNG.gif" class="logo" />
		<div class="header-link">
			<a href="#">Sitemap</a> | <a href="#">Help</a> 
		</div>
		<div style="font-size:0.1px; background: #B8C2C9; height: 5px; width: 100%; position: absolute; bottom: 0px; left: 0; "></div>
	</div>
	
	
	<div id="mainContent">
		<div id="fadeDiv"></div>
		<div id="folderCatcher"></div>
		
		<div id="folder1">
			<ul class="nav-buttons">
				<li><a title="#content-home" href="index.html">HOME</a></li>
				<li><a title="#content-ref" href="referrals.html">Referrals</a></li>
				<li><a title="#content-fax" href="faxes.html">LOST FAXES</a></li>
				<li><a title="#content-contact" href="contact.html">Contact Us</a></li>
			</ul>
			
			<div class="tab-contents">
				<div id="content-home" class="tab-content">
					<h1> REGeSystems</h1>
   					<p>REGeSystems is a web-based application that <b>assists community practices in the process of referring a patient</b> to a medical specialist or hospital-based service.</p>

					<h2>Customer Satisfaction</h2>
					<p>The relative ease or difficulty of hospitals' referral processes is a primary consideration for community physicians when selecting their preferred network of specialists 
						and hospitals.  A common challenge is the <b>secure and timely transfer of copies of paper-based records</b> regarding the referred patient.</p>

					<p>...</p>

					<div class="imgGoTo">more <img src="resources/goto.png" /></div>
				</div>
				
				<div id="content-ref" class="tab-content">
					<h1> The Referral Process</h1>
					 <p>Typical referrals involve a combination of phone calls, electronic messages, and paper-based communications.  To ensure quality care, 
	<b>referring practices</b> must call-in, mail, fax, or courier related demographic, medical record and insurance information. </p>
					<p><b>Hospital-based specialists</b> must assemble, organize, and store this information.  Specialists' staff must have the appropriate set of documentation on hand, in the right location,
	prior to the appointment.</p>
					<h3>Referral Frustrations</h3>
					<p>...</p>
					 <div class="imgGoTo">more <img src="resources/goto.png" /></div>
				</div>
				
				<div id="content-fax" class="tab-content">
					<h1> FAX Facts</h1>
					 <p>The traditional <b>fax is a compressed image file</b> sent over analogue phone lines.  It goes thru digital to analogue to digital conversions and compressions, and is transmitted in an 
	encoded format.  This provides a false sense of security, since the <b>transmitted messages are easily decodable by any fax machine or eFax application.</b></p>
					<p> If the user dials wrong number and it happens to be a number connected to a fax machine, the <b>fax will appear to have successfully reached its desired destination, when it actually is 
	sitting in the out-tray of another machine.</b>  Note that this happens frequently, since companies routinely group analogue circuits into banks of phone numbers on their PBX, 
	with various departments having very similar numbers.</p>
					<p>...</p>
					<div class="imgGoTo">more <img src="resources/goto.png" /></div>
				</div>
				
				<div id="content-contact" class="tab-content">
					<div style="margin-left: 30px; ">
					    <h1>Contact Us</h1>
					    <p>For inquiries regarding Sales or Business Development opportunities, please <b>call 408.997.2410</b> or email us at:<br/>
					    Sales@REGeSystems.com</p>
					    <h2>Corporate Headquarters</h2>
					    <p>2010 Crow Canyon Place<br/>
						Suite 100<br/>
						San Ramon, CA <br/>
						94583</p>
  					</div>
  					<div class="imgGoTo">more <img src="resources/goto.png" /></div>
				</div>
			</div>
			
			<div class="color-labels">
				<div class="color-label lab1">K</div>
				<div class="color-label lab2">A</div>
				<div class="color-label lab3">R</div>
			</div>
			
			<div class="bottom-label"><i><b>Streamline Referrals; Build Loyalty; Increase Revenue.</b></i></div>
		</div><!-- end of folder1 -->
		
		<div id="folder2">
			<ul class="nav-buttons">
				<li><a title="#content-nurse" href="nurse.html">Nurse</a></li>
				<li><a title="#content-it" href="itexec.html">IT Exec</a></li>
				<li><a title="#content-phy" href="physician.html">Physician</a></li>
			</ul>
			
			<div class="tab-contents">
				<div id="content-nurse" class="tab-content">
				</div>
				
				<div id="content-it" class="tab-content">
				</div>
				
				<div id="content-phy" class="tab-content">
				</div>
			</div>
			
			<div class="color-labels">
				<div class="color-label lab1">K</div>
				<div class="color-label lab2">A</div>
				<div class="color-label lab4">R</div>
			</div>
			<div class="bottom-label"><i><b>Different Of Point</b></i></div>
		</div><!-- end of folder2 -->
	</div>
	
	<div id="footer">
		<div class="footer-link">©2008 REGeSystems</div>
	</div>
</div>


</body>
</html>